<!--页面主要内容-->
<main class="lyear-layout-content">

	<div class="container-fluid p-t-15">

		<div class="row">
			<div class="col-lg-12">
				<div class="card">

					<div class="card-toolbar d-flex flex-column flex-md-row">
						<div class="toolbar-btn-action">
							<a class="btn btn-danger del" href="#!"><i class="mdi mdi-window-close "></i>删除</a>
						</div>

						<form class="search-bar ml-md-auto" method="get" action="#!" role="form">
							<input type="hidden" name="search_field" id="search-field" value="title" />
							<div class="input-group ml-md-auto">
								<div class="input-group-prepend">
									<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"
										aria-haspopup="true" aria-expanded="false" id="search-btn">标题</button>
									<div class="dropdown-menu" style="">
										<a class="dropdown-item" href="#!" data-field="title">标题</a>
										<a class="dropdown-item" href="#!" data-field="cat_name">栏目</a>
									</div>
								</div>
								<input type="text" class="form-control" name="keyword" placeholder="请输入名称">
							</div>
						</form>
					</div>
					<div class="card-body">

						<div class="table-responsive">
							<table class="table table-bordered">
								<thead>
									<tr style="text-align: center;">
										<th>
											<div class="custom-control custom-checkbox">
												<input type="checkbox" class="custom-control-input" id="check-all">
												<label class="custom-control-label" for="check-all"></label>
											</div>
										</th>
										<th>订单ID</th>
										<th>订单总价</th>
										<th>收货人</th>
										<th>手机号码</th>
										<th>收货地址</th>
										<th>订单号</th>
										<th>订单描述</th>
										<th>配送快递</th>
										<th>配送单号</th>
										<th>配送状态</th>
										<th>下单时间</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody style="text-align: center;">
									{foreach $Orderlist as $item}
									<tr>
										<td>
											<div class="custom-control custom-checkbox">
												<input type="checkbox" class="custom-control-input ids" name="ids[]"
													value="{$item.id}" id="{$item.id}">
												<label class="custom-control-label" for="{$item.id}"></label>
											</div>
										</td>
										<td>{$item['id']}</td>
										<td>{$item['total']}</td>
										<td>{$item['addres']['consignee']}</td>
										<td>{$item['addres']['mobile']}</td>
										<td>{$item['region_text']}</td>
										<td>{$item['code']}</td>
										<td><textarea
												style="border:none;outline: none;resize: none;">{$item['content']}</textarea>
										</td>
										<td>{$item['expid_text']}</td>
										<td>{$item['expcode']}</td>
										<td>
											<span class="badge badge-success">{$item['status_text']}</span>
										</td>
										<td>{$item['createtime']}</td>
										<td>

											<div class="btn-group">
												{if condition="$item['status'] == 1"}
												<a class="btn btn-xs btn-default"
													href="{:url('admin/order/uporder',['id'=>$item.id])}" title=""
													data-toggle="tooltip" data-original-title="填写配送单号"><i
														class="mdi mdi-pencil"></i></a>
												{elseif condition="$item['status'] == -2"}
												<a class="btn btn-xs btn-default ajax-get confirm"
													href="{:url('admin/order/aftersales',['orderid'=>$item.id,'userid'=>$item.userid])}" title=""
													data-toggle="tooltip" data-original-title="售后详情"><i
														class="mdi mdi-pencil"></i></a>
												{elseif condition="$item['status'] == 4"}
												<a class="btn btn-xs btn-default ajax-get confirm"
													href="{:url('admin/order/evaluation',['orderid'=>$item.id,'userid'=>$item.userid])}" title=""
													data-toggle="tooltip" data-original-title="查看评价"><i
														class="mdi mdi-pencil"></i></a>
												{else/}
												<a class="btn btn-xs btn-default ajax-get confirm"
													href="{:url('admin/order/orderedit',['id'=>$item.id])}" title=""
													data-toggle="tooltip" data-original-title="编辑单号"><i
														class="mdi mdi-pencil"></i></a>
												{/if}

												<a class="btn btn-xs btn-default ajax-get confirm del" data-id="{$item['id']}"
													href="#" title=""
													data-toggle="tooltip" data-original-title="删除"><i class="mdi mdi-window-close"></i></a>
											</div>
										</td>

									</tr>
									{/foreach}

								</tbody>
							</table>
						</div>

						<!-- 分页 -->
						{$Orderlist->render()}

					</div>
				</div>
			</div>

		</div>

</main>
<!--End 页面主要内容-->
<script type="text/javascript">
	function GetId() {
		// 存放id的数组
		let list = []

		$('input[name="ids[]"]:checked').each(function() {
			// console.log(item);
			list.push($(this).val())
		})

		return list
	}

	layui.use(['layer'], function() {
		layer = layui.layer

		// 删除分类
		$('.del').click(function() {

			let id = $(this).data('id');

			let str = GetId().join(',');

			$.ajax({
				type: 'post',
				url: `{:url('admin/order/delorder')}`,
				data: {
					id,
					str
				},
				dataType: 'json',
				success: function(res) {
					if (res.code === 1) {
						layer.msg(res.msg, {
							icon: 1
						}, function() {
							location.href = 'order';
						})
					} else {
						layer.msg(res.msg, {
							icon: 5
						})
					}
				}
			})

		})

	})
</script>
